在VUE项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器 |
您所在的位置:网站首页 › vue 适配 › 在VUE项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器 |
1、下载SkeyeWebPlayer.js文件 下载地址 2、将下载好的文件放到src/static目录下 3、引入方式 (1)、在入口页面index.html中引入SkeyeWebPlayer.js template(2)、在vue组件中引入SkeyeWebPlayer.js import WebMediaPlayer from '../static/libs/SkeyeWebPlayer/SkeyeWebPlayer'4、vue组件中代码如下 export default { data() { return { player: null } }, mounted() { this.$nextTick(() => { this.initPlayer() }); }, beforeDestroy() { if (this.player) { this.player.destroy(); } }, methods: { initPlayer() { // new WebMediaPlayer(url,domId,callback,options) this.player = new WebMediaPlayer( 'url', 'skeyePlayer'`, this.callbackFunc, { cbUserPtr: this, decodeType: 'auto', openAudio: 0, BigPlay: false }); this.player.play('', 1, 0); }, // 播放器回调方法 callbackFunc(cbType, cbParams) { if (cbType == 'playbackTime') { //console.log("当前回放时间: " + cbParams); } else if (cbType == 'ended') { console.log("播放结束"); } //console.log("Callback " + cbType + ": " + cbParams); } } }5、可以将播放器单独写成组件供其他页面调用 6、最终效果 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |